<template>
  <d2-container>
    <el-row>
      <ve-line :data="chartData" :title="title"></ve-line>
    </el-row>
    <el-row>
      <ve-line :data="chartData2" :title="title2"></ve-line>
    </el-row>
  </d2-container>
</template>

<script>

import api from '@/api'

export default {
  data: function () {
    this.title = {
      text: '近7日统计'
    }
    this.title2 = {
      text: '近7日统计'
    }
    return {
      chartData: {
        columns: ['日期', '访问用户', '下单用户', '下单率'],
        rows: [
          {
            '日期': '1/1',
            '访问用户': 1393,
            '下单用户': 1093,
            '下单率': 0.32
          },
          {
            '日期': '1/2',
            '访问用户': 3530,
            '下单用户': 3230,
            '下单率': 0.26
          },
          {
            '日期': '1/3',
            '访问用户': 2923,
            '下单用户': 2623,
            '下单率': 0.76
          },
          {
            '日期': '1/4',
            '访问用户': 1723,
            '下单用户': 1423,
            '下单率': 0.49
          },
          {
            '日期': '1/5',
            '访问用户': 3792,
            '下单用户': 3492,
            '下单率': 0.323
          },
          {
            '日期': '1/6',
            '访问用户': 4593,
            '下单用户': 4293,
            '下单率': 0.78
          }
        ]
      },
      chartData2: {
        columns: ['日期', '访问用户', '下单用户', '下单率'],
        rows: [
          {
            '日期': '1/1',
            '访问用户': 1393,
            '下单用户': 1093,
            '下单率': 0.32
          },
          {
            '日期': '1/2',
            '访问用户': 3530,
            '下单用户': 3230,
            '下单率': 0.26
          },
          {
            '日期': '1/3',
            '访问用户': 2923,
            '下单用户': 2623,
            '下单率': 0.76
          },
          {
            '日期': '1/4',
            '访问用户': 1723,
            '下单用户': 1423,
            '下单率': 0.49
          },
          {
            '日期': '1/5',
            '访问用户': 3792,
            '下单用户': 3492,
            '下单率': 0.323
          },
          {
            '日期': '1/6',
            '访问用户': 4593,
            '下单用户': 4293,
            '下单率': 0.78
          }
        ]
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.page {
  .logo {
    width: 120px;
  }

  .btn-group {
    color: $color-text-placehoder;
    font-size: 12px;
    line-height: 12px;
    margin-top: 0px;
    margin-bottom: 20px;

    .btn-group__btn {
      color: $color-text-sub;

      &:hover {
        color: $color-text-main;
      }

      &.btn-group__btn--link {
        color: $color-primary;
      }
    }
  }
}
</style>
